<template>
  <el-container class="container">
    <el-aside width="auto">
      <Aside />
    </el-aside>
    <el-container>
      <el-header
        class="x-header"
        style="height: 50px;">
        <x-header/>
      </el-header>
      <el-main class="x-main">
        <nuxt/>
      </el-main>
      <el-footer
        class="x-footer"
        style="height: 30px;">
        <x-footer />
      </el-footer>
    </el-container>
  </el-container>
</template>

<script>
import Aside from '~/components/aside'
import XHeader from '~/components/x-header'
import XFooter from '~/components/x-footer'

export default {
  components: {
    XFooter,
    XHeader,
    Aside
  }
}
</script>
